<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>相册</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 轮播图 CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css" type="text/css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <div class="top">
        <h4>相册<a href=""><span class="iconfont">&#xe60e;</span></a></h4>  
    </div>

    <!-- 轮播图 -->
    <div class="banner">
        <div id="owl-banner" class="owl-carousel">
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
        </div>
    </div>

    <!-- 相册列表 -->
    <div class="temple-intr-all">
        <div class="temple-intr">
            <div class="container">
                <h4>
                    <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>寺庙介绍
                    <a href="">更多<span class="iconfont">&#xe602;</span></a>
                </h4>
                <a href=""><img src="images/banner3.jpg" alt=""></a>
            </div>
        </div>
        <div class="temple-intr">
            <div class="container">
                <h4>
                    <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>活动剪影
                    <a href="">更多<span class="iconfont">&#xe602;</span></a>
                </h4>
                <a href=""><img src="images/banner3.jpg" alt=""></a>
            </div>
        </div>
        <div class="temple-intr">
            <div class="container">
                <h4>
                    <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>佛友相册
                    <a href="">更多<span class="iconfont">&#xe602;</span></a>
                </h4>
                <a href=""><img src="images/banner3.jpg" alt=""></a>
            </div>
        </div>
    </div>
    
    <!-- 底部导航 -->
    <div class="foot-nav clearfix">
        <a href="" class="active">
            <div class="iconfont">&#xe604;</div>
            首页
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe70b;</div>
            活动
        </a>
        <a href="" class="publish">
            <div class="publish-btn"><span class="iconfont">&#xe608;</span></div>
            发布
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe619;</div>
            社区
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe66d;</div>
            我的    
        </a>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- banner文件 -->
    <script src="js/banner.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script>
        jQuery(function($) {
            $("#owl-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 6000,
                navigation: true,
                navigationText: ["",""],
            });
        });
    </script>
</body>
</html>
